.container {
  background: #f5f5f5;
  height: 100vh;
  display: flex;
  flex-direction: column;

  .scroll-view {
    flex: 1;
    overflow: scroll;
    .content {
      margin: 28rpx 24rpx;
      padding: 40rpx 24rpx;
      border-radius: 16rpx;
      background: #fff;
      .info-warp {
        margin-top: 12rpx;
        .info-item {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 24rpx;
          font-size: 28rpx;
          .info-label {
            color: #595959;
            text-align: left;
          }

          .info-value {
            color: #262626;
            text-align: right;
            display: flex;
            justify-content: flex-end;
            align-items: center;

            text {
              margin-right: 10rpx;
            }
            image {
              width: 32rpx;
              height: 32rpx;
            }
          }
        }
      }
    }
  }
}
